import React, {useEffect} from 'react';
import {Link} from 'react-router-dom';
import RouteView from 'components/RouteView';
import {Tabs, Icon} from 'antd';
const {TabPane} = Tabs;

export default (props: any) => {
    useEffect(() => {
        console.log('Setting');
    }, []);
    return (
        <section className="flex-col">
            <Tabs defaultActiveKey="2">
                <TabPane
                    tab={
                        <span>
                            <Icon type="apple" />
                            <Link to="/main/setting/login">login</Link>
                        </span>
                    }
                    key="1"
                />
                <TabPane
                    tab={
                        <span>
                            <Icon type="android" />
                            <Link to="/main/setting/registry">registry</Link>
                        </span>
                    }
                    key="2"
                />
            </Tabs>
            <RouteView pathKey={props.match.path} />
        </section>
    );
};
